<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport"
          content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
    <title>提示页函数版本</title>
    <link rel="stylesheet" href="../basestyle.css">
    <link rel="stylesheet" href="../button/button.css">
    <link rel="stylesheet" href="../icon.css">
    <link rel="stylesheet" href="./msg.css">
</head>
<body>
<div class="page__bd page__bd_spacing" style="padding-top: 200px ;">
    <a href="#msg_success" class="btn btn_primary">成功提示页</a>
    <a href="#msg_warn" class="btn btn_default">失败提示页</a>
    <a href="#msg_warn" class="btn btn_warn">测试</a>
</div>
<script src="../zepto.min.js"></script>
<script src="./msg.js"></script>
<script>
    $(".btn_primary").click(function () {
        tips("操作成功","成功选择了课程",true)
    })
    $(".btn_default").click(function () {
        tips("操作失败","选择课程失败",false)
    })
    $(".btn_warn").click(function () {
        tips("操作失败","选择课程失败",false,function () {
            alert("成功的回调")
        },function () {
            alert("失败的回调")
        },"成功按钮","失败按钮")
    })

</script>
</body>
</html>